<script setup>
 import Gantt from '../../src/views/wk/Gantt.vue'



 const data = ref(
[
    {
        title: "王五",
        task: [
            { "name":"22222222",planBegin: '2024-10-09', planEnd: '2024-10-20', priority: '高',"description":"项目测试"},
            {"name":"22222222", planBegin: '2024-10-15', planEnd: '2024-10-23', priority: '低',"description":"编写测计划" },
            {"name":"22222222", planBegin: '2024-10-25', planEnd: '2024-10-28', priority: '低',"description":"编写用例" },
            {"name":"22222222", planBegin: '2024-10-29', planEnd: '2024-11-02', priority: '低',"description":"项目测试v2.0开始" },
            {"name":"22222222", planBegin: '2024-11-04', planEnd: '2024-11-10', priority: '低',"description":"实验室系统v1.0开发" },
            {"name":"22222222", planBegin: '2024-11-08', planEnd: '2024-11-15', priority: '低',"description":"实验室系统v2.0开发" }
        ]
    },{
        title: "JACK",
        task: [
            { "name":"22222222",planBegin: '2024-10-09', planEnd: '2024-10-20', priority: '高',"description":"需求评审"},
            {"name":"22222222", planBegin: '2024-10-15', planEnd: '2024-10-23', priority: '低',"description":"接口测试" },
            {"name":"22222222", planBegin: '2024-10-25', planEnd: '2024-10-28', priority: '低',"description":"性能测试" },
            {"name":"22222222", planBegin: '2024-10-26', planEnd: '2024-11-02', priority: '低',"description":"BUG回归" },
        ]
    }
]
 )
 const columnsConfig = ref([
 {
 label: '人员名称',
 prop: 'title',
 fixed: 'left',
 align: 'center',
 'min-width': 120
 }
 ])
</script>

<template>
 <div>
 <Gantt
 :data="data"
 :columnsConfig="columnsConfig"
 :ganttConfig ="{
 planBeginColumn: 'planBegin', //开始时间
 planEndColumn: 'planEnd', // 结束时间
 actualityBeginColumn: 'actualityBegin', // 时间开始时间
 actualityEndColumn: 'actualityEnd' // 时间
 }"
 />
 </div>
</template>

<style scoped>
</style>